<div id="ref-b" class="menu-box">
       <h3><a href="index.php?url=tartalom/referencia">Online marketing</a></h3>
       <ul id="ref-scroll">
           <li><a href="#ref-facebook">Facebook</a></li>
           <li><a href="#ref-site">Statikus</a></li>
           <li><a href="#ref-joomla">Joomla</a></li>
       </ul>
</div>

<div id="content-wrapper">
	<div id="ref-facebook">
		<h2 class="ref-h2">Facebook referenciÃ¡k</h2>
		<div class="ref-box">
			<div class="ref-frame">
				<div class="ref-img">
					<a href="public/img/ref-img.jpg" data-lightzap=""><img src="public/img/ref-img.jpg" alt="Egyik" /></a>
				</div>
				<div class="ref-text">
					Referencia 1
				</div>
			</div>
			<div class="ref-frame">
				<div class="ref-img">
					<a href="public/img/ref-img.jpg" data-lightzap=""><img src="public/img/ref-img.jpg" alt="Egyik" /></a>
				</div>
				<div class="ref-text">
					Referencia 2
				</div>
			</div>
			<div class="ref-frame">
				<div class="ref-img">
					<a href="public/img/ref-img.jpg" data-lightzap=""><img src="public/img/ref-img.jpg" alt="Egyik" /></a>
				</div>
				<div class="ref-text">
					Referencia 3
				</div>
			</div>
		</div>
		<br class="clearfix" />
		<br class="clearfix" />
		<div class="ref-box">
			<div class="ref-frame">
				<div class="ref-img">
					<a href="public/img/ref-img.jpg" data-lightzap=""><img src="public/img/ref-img.jpg" alt="Egyik" /></a>
				</div>
				<div class="ref-text">
					Referencia 4
				</div>
			</div>
			<div class="ref-frame">
				<div class="ref-img">
					<a href="public/img/ref-img.jpg" data-lightzap=""><img src="public/img/ref-img.jpg" alt="Egyik" /></a>
				</div>
				<div class="ref-text">
					Referencia 5
				</div>
			</div>
			<div class="ref-frame">
				<div class="ref-img">
					<a href="public/img/ref-img.jpg" data-lightzap=""><img src="public/img/ref-img.jpg" alt="Egyik" /></a>
				</div>
				<div class="ref-text">
					Referencia 6
				</div>
			</div>
		</div>
	</div>
	<br class="clearfix" />
	<div id="ref-site">
		<h2 class="ref-h2">Honlap referenciÃ¡k</h2>
		<div class="ref-box">
			<div class="ref-frame">
				<div class="ref-img">
					<a href="public/img/ref-img2.jpg" data-lightzap=""><img src="public/img/ref-img2.jpg" alt="Egyik" /></a>
				</div>
				<div class="ref-text">
					Referencia 1
				</div>
			</div>
			<div class="ref-frame">
				<div class="ref-img">
					<a href="public/img/ref-img2.jpg" data-lightzap=""><img src="public/img/ref-img2.jpg" alt="Egyik" /></a>
				</div>
				<div class="ref-text">
					Referencia 2
				</div>
			</div>
			<div class="ref-frame">
				<div class="ref-img">
					<a href="public/img/ref-img2.jpg" data-lightzap=""><img src="public/img/ref-img2.jpg" alt="Egyik" /></a>
				</div>
				<div class="ref-text">
					Referencia 3
				</div>
			</div>
			<br class="clearfix" />
			<br class="clearfix" />
			<div class="ref-frame">
				<div class="ref-img">
					<a href="public/img/ref-img2.jpg" data-lightzap=""><img src="public/img/ref-img2.jpg" alt="Egyik" /></a>
				</div>
				<div class="ref-text">
					Referencia 4
				</div>
			</div>
			<div class="ref-frame">
				<div class="ref-img">
					<a href="public/img/ref-img2.jpg" data-lightzap=""><img src="public/img/ref-img2.jpg" alt="Egyik" /></a>
				</div>
				<div class="ref-text">
					Referencia 5
				</div>
			</div>
			<div class="ref-frame">
				<div class="ref-img">
					<a href="public/img/ref-img2.jpg" data-lightzap=""><img src="public/img/ref-img2.jpg" alt="Egyik" /></a>
				</div>
				<div class="ref-text">
					Referencia 6
				</div>
			</div>
		</div>
	</div>
	<br class="clearfix" />
	<div id="ref-joomla">
		<h2 class="ref-h2">Joomla referenciÃ¡k</h2>
		<div class="ref-box">
			<div class="ref-frame">
				<div class="ref-img">
					<a href="public/img/ref-img.jpg" data-lightzap=""><img src="public/img/ref-img.jpg" alt="Egyik" /></a>
				</div>
				<div class="ref-text">
					Referencia 1
				</div>
			</div>
			<div class="ref-frame">
				<div class="ref-img">
					<a href="public/img/ref-img.jpg" data-lightzap=""><img src="public/img/ref-img.jpg" alt="Egyik" /></a>
				</div>
				<div class="ref-text">
					Referencia 2
				</div>
			</div>
			<div class="ref-frame">
				<div class="ref-img">
					<a href="public/img/ref-img.jpg" data-lightzap=""><img src="public/img/ref-img.jpg" alt="Egyik" /></a>
				</div>
				<div class="ref-text">
					Referencia 3
				</div>
			</div>
			<br class="clearfix" />
			<br class="clearfix" />
			<div class="ref-frame">
				<div class="ref-img">
					<a href="public/img/ref-img.jpg" data-lightzap=""><img src="public/img/ref-img.jpg" alt="Egyik" /></a>
				</div>
				<div class="ref-text">
					Referencia 4
				</div>
			</div>
			<div class="ref-frame">
				<div class="ref-img">
					<a href="public/img/ref-img.jpg" data-lightzap=""><img src="public/img/ref-img.jpg" alt="Egyik" /></a>
				</div>
				<div class="ref-text">
					Referencia 5
				</div>
			</div>
			<div class="ref-frame">
				<div class="ref-img">
					<a href="public/img/ref-img.jpg" data-lightzap=""><img src="public/img/ref-img.jpg" alt="Egyik" /></a>
				</div>
				<div class="ref-text">
					Referencia 6
				</div>
			</div>
		</div>
	</div>
</div>